<!DOCTYPE HTML>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- twitter bootstrap CSS stylesheet - included to make things pretty, not needed or used by cornerstoneTools -->
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">

    <style>

    </style>

</head>
<body>
<div class="container">

    <div class="page-header">
        <h1>cornerstoneTools Examples</h1>
        <p>
            These examples are meant to demonstrate various aspects of the cornerstoneTools library in an interactive way.
            They are written such that they can be opened directly in your web browser from github or your local
            repository.  Use the "view source" capabilities built into your browser to see how each example works.
        </p>
    </div>

    <ul>
        <li><a href="allImageTools/index.html">AllImageTools</a> - see all the image tools working together in one example</li>
        <li><a href="mobileTouch/index.html">MobileTouch</a> - example of using touch events</li>
        <li><a href="alltouchtools/index.html">All Touch Tools</a> - showing off all the touch-capable tools</li>
        <li><a href="probe/index.html">Pixel Probe Tool</a> - example of using the pixel probe tool</li>
        <li><a href="dragProbe/index.html">Drag Probe Tool</a> - example of using the drag probe tool, which disappears on mouseUp</li>
        <li><a href="stackScroll/index.html">Stack Scroll Tool</a> - example of using the stack scroll tool</li>
        <li><a href="stackProgress/index.html">Stack Loading Progress</a> - example of monitoring image loading progress within a stack</li>
        <li><a href="panZoomSynchronizer/index.html">Pan/Zoom Synchronizer</a> - example of synchronizing the pan and zoom between multiple images</li>
        <li><a href="referenceLineTool/index.html">Reference Lines Tool</a> - example of displaying reference lines</li>
        <li><a href="stackImagePositionSynchronizer/index.html">Stack Image Position Synchronizer Tool</a> - example of stack synchronization tool using the image position</li>
        <li><a href="stackImagePositionOffsetSynchronizer/index.html">Stack Image Position Offset Synchronizer Tool</a> - example of stack synchronization tool to maintain the distance in patient space between two stacks</li>
        <li><a href="stackImageIndexSynchronizer/index.html">Stack Image Index Synchronizer Tool</a> - example of stack synchronization tool using image index</li>
        <li><a href="stackScrollSynchronizer/index.html">Stack Scroll Synchronizer Tool</a> - example of stack synchronization tool using scrolling</li>
        <li><a href="wwwcSynchronizer/index.html">wwwcSynchronizer</a> - example of synchronizing ww/wc and invert</li>
        <li><a href="highlight/index.html">highlight</a> - rectangular highlight tool</li>
        <li><a href="timeSeries/index.html">timeSeries</a> - time series tool</li>
        <li><a href="clearToolData/index.html">Tool Management</a> - Clearing unwanted tool data</li>
        <li><a href="saveAs/index.html">Save Image</a> - example of using the saveAs function to download an element</li>
        <li><a href="wwwcRegion/index.html">Window By Region</a> - example of using the window width/level by region tool</li>
        <li><a href="rotateTool/index.html">Rotate viewport</a> - example of using the mouse / touch rotate tool</li>
        <li><a href="annotation/index.html">Image Annotation</a> - image annotation with text and arrows</li>
        <li><a href="magnify/index.html">Magnifying glass</a> - example of using the magnification tool to examine an image</li>
        <li><a href="freehandRoi/index.html">Freehand ROI drawing</a> - example of using the freehand tool to draw arbitrary points</li>
        <li><a href="wwwc/index.html">WWWC Tool</a> - example of using the WWWC tool</li>
        <li><a href="crosshairs/index.html">3D Crosshairs Tool</a> - example of a 3D crosshair tool</li>
        <li><a href="orientation/index.html">Image Orientation Markers</a> - example of direction metadata to change HTML orientation markers</li>
        <li><a href="orientationMarkers/index.html">On-Canvas Orientation Markers</a> - example of the orientationMarkers tool for drawing orientation markers inside the canvas</li>
        <li><a href="textMarker/index.html">Text Marker Tool</a> - example of the text marker (i.e. vertebrae marker) tool</li>
        <li><a href="stackScrollKeyboard/index.html">Keyboard Stack Scrolling</a> - example of using keyboard input to scroll through a stack</li>
        <li><a href="angleTool/index.html">Angle Tool</a> - example of the simple angle tool</li>
        <li><a href="loadHandlers/index.html">Load Handler Functions</a> - example of setting and using load handler callbacks</li>
        <li><a href="toolState/index.html">Application State Save / Restore</a> - example of easily saving and restoring viewport and tool data for a set of elements</li>
     </ul>

    <br>

    <a href="https://rawgithub.com/chafey/cornerstoneTools/master/examples/index.html">Click here
        to view this page live on github</a>


</div>
</body>

<script>

</script>
</html>